<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2720969" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">建筑单体化</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">建筑光效设计</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">建筑贴图方案</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">水流倒影</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">建筑压平</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">二三维数据导入</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">地形编辑</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">室内漫游</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">净高分析</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">景观可视度分析</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">地理实体管理</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">图例</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">态势标绘</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">场景设计</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">样式配置</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">开敞度分析</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">进度条减</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">进度条加</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">上升</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">下降</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">建筑比对</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">地形夸张</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">横断面分析</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">地形渲染</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">播放_32</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">暂停_32</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">锁-开</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">锁-关</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">图层</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">新建</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">新建文件夹</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">暂停</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">重命名</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">个人图层树</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">cross</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">tick</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">场景光效</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">微件资产表</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">智能审查</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">主分屏切换</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">trash</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">edit_outlined</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">高程剖切</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">加载控制</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">灯光模拟</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">阴影堆积</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">唯一值渲染</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">智慧档案</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">白模样式</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">城市夜景</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">兴趣点</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">定点漫游</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">视觉设置</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">地图打印_小</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">测量面积</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">属性</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">坐标输出</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">地形透明度</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">相机快照</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">拉框放大_小</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">AI建筑识别</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">箭头_上</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">箭头_下</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">路灯灯光</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">建筑密度</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">拆迁量分析</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">定点环视</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">标注管理</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">地图打印</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">电子围栏</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">拉框放大</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">动态扫描</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">分层分户</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">模型去皮</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">三维热力图</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">视频融合</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">三维绘制</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">热力图渲染</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">用地平衡表</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">疏散模拟</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">双屏联动</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">层层看数</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">车联网接入</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">对位率计算</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">道路拓宽</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">道路纵坡</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">二维绘制</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">高度调整</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">规划模拟</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">倾斜摄影</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">坡度坡向</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">桥梁健康</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">桥梁巡检</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">容积率计算</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">贴线率分析</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">水流模拟</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">梯度渲染</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">视频投影</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">退线分析</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">日照模拟</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">填挖方分析</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">限高计算</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">无人机模拟</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">行车模拟</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">建高分析</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">天气模拟</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">录制</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">绘制</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">剖切盒</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">测量长度</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">地上地下</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">地形开挖</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">地图设置</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">第一视角</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">地形压平</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">构建隐藏</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">剖切</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">模型视图</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">位置调整</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">日照模拟</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">鹰眼视图</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">漫游</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">视图</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">工具</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">底图</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">图层</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">图纸联动</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">模型浏览</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">BIM竣工</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">BIM设计</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">BIM审查</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">淹没分析</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">日照分析</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">可视域分析</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">通视分析</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">BIM模型树</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">定点观察</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">场景漫游</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">天际线分析</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">爆炸测试</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">分层浏览</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">模型对比</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">绿地率计算</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">控高分析</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">控规盒子</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">视廊管控</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">城市白模</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">视廊分析</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1660012647238') format('woff2'),
       url('iconfont.woff?t=1660012647238') format('woff'),
       url('iconfont.ttf?t=1660012647238') format('truetype'),
       url('iconfont.svg?t=1660012647238#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont agcim-jianzhudantihua"></span>
            <div class="name">
              建筑单体化
            </div>
            <div class="code-name">.agcim-jianzhudantihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jianzhuguangxiaosheji"></span>
            <div class="name">
              建筑光效设计
            </div>
            <div class="code-name">.agcim-jianzhuguangxiaosheji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jianzhutietufangan"></span>
            <div class="name">
              建筑贴图方案
            </div>
            <div class="code-name">.agcim-jianzhutietufangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shuiliudaoying"></span>
            <div class="name">
              水流倒影
            </div>
            <div class="code-name">.agcim-shuiliudaoying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jianzhuyaping"></span>
            <div class="name">
              建筑压平
            </div>
            <div class="code-name">.agcim-jianzhuyaping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-ersanweishujudaoru"></span>
            <div class="name">
              二三维数据导入
            </div>
            <div class="code-name">.agcim-ersanweishujudaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dixingbianji"></span>
            <div class="name">
              地形编辑
            </div>
            <div class="code-name">.agcim-dixingbianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shineimanyou"></span>
            <div class="name">
              室内漫游
            </div>
            <div class="code-name">.agcim-shineimanyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jinggaofenxi"></span>
            <div class="name">
              净高分析
            </div>
            <div class="code-name">.agcim-jinggaofenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jingguankeshidufenxi"></span>
            <div class="name">
              景观可视度分析
            </div>
            <div class="code-name">.agcim-jingguankeshidufenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dilishitiguanli"></span>
            <div class="name">
              地理实体管理
            </div>
            <div class="code-name">.agcim-dilishitiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tuli"></span>
            <div class="name">
              图例
            </div>
            <div class="code-name">.agcim-tuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-taishibiaohui"></span>
            <div class="name">
              态势标绘
            </div>
            <div class="code-name">.agcim-taishibiaohui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-changjingsheji"></span>
            <div class="name">
              场景设计
            </div>
            <div class="code-name">.agcim-changjingsheji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-yangshipeizhi"></span>
            <div class="name">
              样式配置
            </div>
            <div class="code-name">.agcim-yangshipeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-kaichangdufenxi"></span>
            <div class="name">
              开敞度分析
            </div>
            <div class="code-name">.agcim-kaichangdufenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jindutiaojian"></span>
            <div class="name">
              进度条减
            </div>
            <div class="code-name">.agcim-jindutiaojian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jindutiaojia"></span>
            <div class="name">
              进度条加
            </div>
            <div class="code-name">.agcim-jindutiaojia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shangsheng"></span>
            <div class="name">
              上升
            </div>
            <div class="code-name">.agcim-shangsheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-xiajiang"></span>
            <div class="name">
              下降
            </div>
            <div class="code-name">.agcim-xiajiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jianzhubidui"></span>
            <div class="name">
              建筑比对
            </div>
            <div class="code-name">.agcim-jianzhubidui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dixingkuazhang"></span>
            <div class="name">
              地形夸张
            </div>
            <div class="code-name">.agcim-dixingkuazhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-hengduanmianfenxi"></span>
            <div class="name">
              横断面分析
            </div>
            <div class="code-name">.agcim-hengduanmianfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dixingxuanran"></span>
            <div class="name">
              地形渲染
            </div>
            <div class="code-name">.agcim-dixingxuanran
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-bofang_32"></span>
            <div class="name">
              播放_32
            </div>
            <div class="code-name">.agcim-bofang_32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-zanting_32"></span>
            <div class="name">
              暂停_32
            </div>
            <div class="code-name">.agcim-zanting_32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-bofang"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.agcim-bofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.agcim-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.agcim-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-suo-kai"></span>
            <div class="name">
              锁-开
            </div>
            <div class="code-name">.agcim-suo-kai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-suo-guan"></span>
            <div class="name">
              锁-关
            </div>
            <div class="code-name">.agcim-suo-guan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tuceng1"></span>
            <div class="name">
              图层
            </div>
            <div class="code-name">.agcim-tuceng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-xinjian"></span>
            <div class="name">
              新建
            </div>
            <div class="code-name">.agcim-xinjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-wenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.agcim-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-xinjianwenjianjia"></span>
            <div class="name">
              新建文件夹
            </div>
            <div class="code-name">.agcim-xinjianwenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-zanting"></span>
            <div class="name">
              暂停
            </div>
            <div class="code-name">.agcim-zanting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.agcim-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-zhongmingming"></span>
            <div class="name">
              重命名
            </div>
            <div class="code-name">.agcim-zhongmingming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-gerentucengshu"></span>
            <div class="name">
              个人图层树
            </div>
            <div class="code-name">.agcim-gerentucengshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-cross"></span>
            <div class="name">
              cross
            </div>
            <div class="code-name">.agcim-cross
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tick"></span>
            <div class="name">
              tick
            </div>
            <div class="code-name">.agcim-tick
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-changjingguangxiao"></span>
            <div class="name">
              场景光效
            </div>
            <div class="code-name">.agcim-changjingguangxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-weijianzichanbiao"></span>
            <div class="name">
              微件资产表
            </div>
            <div class="code-name">.agcim-weijianzichanbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-zhinengshencha"></span>
            <div class="name">
              智能审查
            </div>
            <div class="code-name">.agcim-zhinengshencha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-zhufenpingqiehuan"></span>
            <div class="name">
              主分屏切换
            </div>
            <div class="code-name">.agcim-zhufenpingqiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-trash"></span>
            <div class="name">
              trash
            </div>
            <div class="code-name">.agcim-trash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-edit_outlined"></span>
            <div class="name">
              edit_outlined
            </div>
            <div class="code-name">.agcim-edit_outlined
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-gaochengpouqie"></span>
            <div class="name">
              高程剖切
            </div>
            <div class="code-name">.agcim-gaochengpouqie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jiazaikongzhi"></span>
            <div class="name">
              加载控制
            </div>
            <div class="code-name">.agcim-jiazaikongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dengguangmoni"></span>
            <div class="name">
              灯光模拟
            </div>
            <div class="code-name">.agcim-dengguangmoni
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-yinyingduiji"></span>
            <div class="name">
              阴影堆积
            </div>
            <div class="code-name">.agcim-yinyingduiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-weiyizhixuanran"></span>
            <div class="name">
              唯一值渲染
            </div>
            <div class="code-name">.agcim-weiyizhixuanran
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-zhihuidangan"></span>
            <div class="name">
              智慧档案
            </div>
            <div class="code-name">.agcim-zhihuidangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-baimoyangshi"></span>
            <div class="name">
              白模样式
            </div>
            <div class="code-name">.agcim-baimoyangshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-chengshiyejing"></span>
            <div class="name">
              城市夜景
            </div>
            <div class="code-name">.agcim-chengshiyejing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-xingqudian"></span>
            <div class="name">
              兴趣点
            </div>
            <div class="code-name">.agcim-xingqudian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dingdianmanyou"></span>
            <div class="name">
              定点漫游
            </div>
            <div class="code-name">.agcim-dingdianmanyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shijueshezhi"></span>
            <div class="name">
              视觉设置
            </div>
            <div class="code-name">.agcim-shijueshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-ditudayin_xiao"></span>
            <div class="name">
              地图打印_小
            </div>
            <div class="code-name">.agcim-ditudayin_xiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-celiangmianji"></span>
            <div class="name">
              测量面积
            </div>
            <div class="code-name">.agcim-celiangmianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shuxing"></span>
            <div class="name">
              属性
            </div>
            <div class="code-name">.agcim-shuxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-zuobiaoshuchu"></span>
            <div class="name">
              坐标输出
            </div>
            <div class="code-name">.agcim-zuobiaoshuchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dixingtoumingdu"></span>
            <div class="name">
              地形透明度
            </div>
            <div class="code-name">.agcim-dixingtoumingdu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-xiangjikuaizhao"></span>
            <div class="name">
              相机快照
            </div>
            <div class="code-name">.agcim-xiangjikuaizhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-lakuangfangda_xiao"></span>
            <div class="name">
              拉框放大_小
            </div>
            <div class="code-name">.agcim-lakuangfangda_xiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-AIjianzhushibie"></span>
            <div class="name">
              AI建筑识别
            </div>
            <div class="code-name">.agcim-AIjianzhushibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jiantou_shang"></span>
            <div class="name">
              箭头_上
            </div>
            <div class="code-name">.agcim-jiantou_shang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jiantou_xia"></span>
            <div class="name">
              箭头_下
            </div>
            <div class="code-name">.agcim-jiantou_xia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-ludengdengguang"></span>
            <div class="name">
              路灯灯光
            </div>
            <div class="code-name">.agcim-ludengdengguang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jianzhumidu"></span>
            <div class="name">
              建筑密度
            </div>
            <div class="code-name">.agcim-jianzhumidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-chaiqianliangfenxi"></span>
            <div class="name">
              拆迁量分析
            </div>
            <div class="code-name">.agcim-chaiqianliangfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dingdianhuanshi"></span>
            <div class="name">
              定点环视
            </div>
            <div class="code-name">.agcim-dingdianhuanshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-biaozhuguanli"></span>
            <div class="name">
              标注管理
            </div>
            <div class="code-name">.agcim-biaozhuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-ditudayin"></span>
            <div class="name">
              地图打印
            </div>
            <div class="code-name">.agcim-ditudayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dianziweilan"></span>
            <div class="name">
              电子围栏
            </div>
            <div class="code-name">.agcim-dianziweilan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-lakuangfangda"></span>
            <div class="name">
              拉框放大
            </div>
            <div class="code-name">.agcim-lakuangfangda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dongtaisaomiao"></span>
            <div class="name">
              动态扫描
            </div>
            <div class="code-name">.agcim-dongtaisaomiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-fencengfenhu"></span>
            <div class="name">
              分层分户
            </div>
            <div class="code-name">.agcim-fencengfenhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-moxingqupi"></span>
            <div class="name">
              模型去皮
            </div>
            <div class="code-name">.agcim-moxingqupi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-sanweirelitu"></span>
            <div class="name">
              三维热力图
            </div>
            <div class="code-name">.agcim-sanweirelitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shipinronghe"></span>
            <div class="name">
              视频融合
            </div>
            <div class="code-name">.agcim-shipinronghe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-sanweihuizhi"></span>
            <div class="name">
              三维绘制
            </div>
            <div class="code-name">.agcim-sanweihuizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-relituxuanran"></span>
            <div class="name">
              热力图渲染
            </div>
            <div class="code-name">.agcim-relituxuanran
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-yongdipinghengbiao"></span>
            <div class="name">
              用地平衡表
            </div>
            <div class="code-name">.agcim-yongdipinghengbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shusanmoni"></span>
            <div class="name">
              疏散模拟
            </div>
            <div class="code-name">.agcim-shusanmoni
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shuangpingliandong"></span>
            <div class="name">
              双屏联动
            </div>
            <div class="code-name">.agcim-shuangpingliandong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-cengcengkanshu"></span>
            <div class="name">
              层层看数
            </div>
            <div class="code-name">.agcim-cengcengkanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-chelianwangjieru"></span>
            <div class="name">
              车联网接入
            </div>
            <div class="code-name">.agcim-chelianwangjieru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-duiweishuaijisuan"></span>
            <div class="name">
              对位率计算
            </div>
            <div class="code-name">.agcim-duiweishuaijisuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-daolutuokuan"></span>
            <div class="name">
              道路拓宽
            </div>
            <div class="code-name">.agcim-daolutuokuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-daoluzongpo"></span>
            <div class="name">
              道路纵坡
            </div>
            <div class="code-name">.agcim-daoluzongpo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-erweihuizhi"></span>
            <div class="name">
              二维绘制
            </div>
            <div class="code-name">.agcim-erweihuizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-gaodutiaozheng"></span>
            <div class="name">
              高度调整
            </div>
            <div class="code-name">.agcim-gaodutiaozheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-guihuamoni"></span>
            <div class="name">
              规划模拟
            </div>
            <div class="code-name">.agcim-guihuamoni
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-qingxiesheying"></span>
            <div class="name">
              倾斜摄影
            </div>
            <div class="code-name">.agcim-qingxiesheying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-podupoxiang"></span>
            <div class="name">
              坡度坡向
            </div>
            <div class="code-name">.agcim-podupoxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-qiaoliangjiankang"></span>
            <div class="name">
              桥梁健康
            </div>
            <div class="code-name">.agcim-qiaoliangjiankang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-qiaoliangxunjian"></span>
            <div class="name">
              桥梁巡检
            </div>
            <div class="code-name">.agcim-qiaoliangxunjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-rongjishuaijisuan"></span>
            <div class="name">
              容积率计算
            </div>
            <div class="code-name">.agcim-rongjishuaijisuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tiexianshuaifenxi"></span>
            <div class="name">
              贴线率分析
            </div>
            <div class="code-name">.agcim-tiexianshuaifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shuiliumoni"></span>
            <div class="name">
              水流模拟
            </div>
            <div class="code-name">.agcim-shuiliumoni
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tiduxuanran"></span>
            <div class="name">
              梯度渲染
            </div>
            <div class="code-name">.agcim-tiduxuanran
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shipintouying"></span>
            <div class="name">
              视频投影
            </div>
            <div class="code-name">.agcim-shipintouying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tuixianfenxi"></span>
            <div class="name">
              退线分析
            </div>
            <div class="code-name">.agcim-tuixianfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-rizhaomoni1"></span>
            <div class="name">
              日照模拟
            </div>
            <div class="code-name">.agcim-rizhaomoni1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tianwafangfenxi"></span>
            <div class="name">
              填挖方分析
            </div>
            <div class="code-name">.agcim-tianwafangfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-xiangaojisuan"></span>
            <div class="name">
              限高计算
            </div>
            <div class="code-name">.agcim-xiangaojisuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-wurenjimoni"></span>
            <div class="name">
              无人机模拟
            </div>
            <div class="code-name">.agcim-wurenjimoni
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-hangchemoni"></span>
            <div class="name">
              行车模拟
            </div>
            <div class="code-name">.agcim-hangchemoni
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-jiangaofenxi"></span>
            <div class="name">
              建高分析
            </div>
            <div class="code-name">.agcim-jiangaofenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tianqimoni"></span>
            <div class="name">
              天气模拟
            </div>
            <div class="code-name">.agcim-tianqimoni
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-luzhi"></span>
            <div class="name">
              录制
            </div>
            <div class="code-name">.agcim-luzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-weibiaoti-1"></span>
            <div class="name">
              绘制
            </div>
            <div class="code-name">.agcim-weibiaoti-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-pouqiehe5"></span>
            <div class="name">
              剖切盒
            </div>
            <div class="code-name">.agcim-pouqiehe5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-celiangchangdu"></span>
            <div class="name">
              测量长度
            </div>
            <div class="code-name">.agcim-celiangchangdu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dishangdixia"></span>
            <div class="name">
              地上地下
            </div>
            <div class="code-name">.agcim-dishangdixia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dixingkaiwa"></span>
            <div class="name">
              地形开挖
            </div>
            <div class="code-name">.agcim-dixingkaiwa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-ditushezhi"></span>
            <div class="name">
              地图设置
            </div>
            <div class="code-name">.agcim-ditushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-diyishijiao"></span>
            <div class="name">
              第一视角
            </div>
            <div class="code-name">.agcim-diyishijiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dixingyaping"></span>
            <div class="name">
              地形压平
            </div>
            <div class="code-name">.agcim-dixingyaping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-goujianyincang"></span>
            <div class="name">
              构建隐藏
            </div>
            <div class="code-name">.agcim-goujianyincang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-pouqie"></span>
            <div class="name">
              剖切
            </div>
            <div class="code-name">.agcim-pouqie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-moxingshitu"></span>
            <div class="name">
              模型视图
            </div>
            <div class="code-name">.agcim-moxingshitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-weizhitiaozheng"></span>
            <div class="name">
              位置调整
            </div>
            <div class="code-name">.agcim-weizhitiaozheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-rizhaomoni"></span>
            <div class="name">
              日照模拟
            </div>
            <div class="code-name">.agcim-rizhaomoni
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-yingyanshitu"></span>
            <div class="name">
              鹰眼视图
            </div>
            <div class="code-name">.agcim-yingyanshitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-manyou"></span>
            <div class="name">
              漫游
            </div>
            <div class="code-name">.agcim-manyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shitu"></span>
            <div class="name">
              视图
            </div>
            <div class="code-name">.agcim-shitu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-gongju"></span>
            <div class="name">
              工具
            </div>
            <div class="code-name">.agcim-gongju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-ditu"></span>
            <div class="name">
              底图
            </div>
            <div class="code-name">.agcim-ditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tuceng"></span>
            <div class="name">
              图层
            </div>
            <div class="code-name">.agcim-tuceng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tuzhiliandong"></span>
            <div class="name">
              图纸联动
            </div>
            <div class="code-name">.agcim-tuzhiliandong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-moxingliulan"></span>
            <div class="name">
              模型浏览
            </div>
            <div class="code-name">.agcim-moxingliulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-BIMjungong1"></span>
            <div class="name">
              BIM竣工
            </div>
            <div class="code-name">.agcim-BIMjungong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-BIMsheji"></span>
            <div class="name">
              BIM设计
            </div>
            <div class="code-name">.agcim-BIMsheji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-BIMshencha"></span>
            <div class="name">
              BIM审查
            </div>
            <div class="code-name">.agcim-BIMshencha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-yanmeifenxi"></span>
            <div class="name">
              淹没分析
            </div>
            <div class="code-name">.agcim-yanmeifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-rizhaofenxi1"></span>
            <div class="name">
              日照分析
            </div>
            <div class="code-name">.agcim-rizhaofenxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-keshiyufenxi"></span>
            <div class="name">
              可视域分析
            </div>
            <div class="code-name">.agcim-keshiyufenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tongshifenxi"></span>
            <div class="name">
              通视分析
            </div>
            <div class="code-name">.agcim-tongshifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-BIMmoxingshu"></span>
            <div class="name">
              BIM模型树
            </div>
            <div class="code-name">.agcim-BIMmoxingshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-dingdianguancha"></span>
            <div class="name">
              定点观察
            </div>
            <div class="code-name">.agcim-dingdianguancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-changjingmanyou"></span>
            <div class="name">
              场景漫游
            </div>
            <div class="code-name">.agcim-changjingmanyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-tianjixianfenxi1"></span>
            <div class="name">
              天际线分析
            </div>
            <div class="code-name">.agcim-tianjixianfenxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-baozhaceshi"></span>
            <div class="name">
              爆炸测试
            </div>
            <div class="code-name">.agcim-baozhaceshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-fencengliulan"></span>
            <div class="name">
              分层浏览
            </div>
            <div class="code-name">.agcim-fencengliulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-moxingduibi1"></span>
            <div class="name">
              模型对比
            </div>
            <div class="code-name">.agcim-moxingduibi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-lvdishuaijisuan"></span>
            <div class="name">
              绿地率计算
            </div>
            <div class="code-name">.agcim-lvdishuaijisuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-konggaofenxi"></span>
            <div class="name">
              控高分析
            </div>
            <div class="code-name">.agcim-konggaofenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-kongguihezi2"></span>
            <div class="name">
              控规盒子
            </div>
            <div class="code-name">.agcim-kongguihezi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shilangguankong3"></span>
            <div class="name">
              视廊管控
            </div>
            <div class="code-name">.agcim-shilangguankong3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-chengshibaimo"></span>
            <div class="name">
              城市白模
            </div>
            <div class="code-name">.agcim-chengshibaimo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont agcim-shilangfenxi"></span>
            <div class="name">
              视廊分析
            </div>
            <div class="code-name">.agcim-shilangfenxi
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont agcim-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jianzhudantihua"></use>
                </svg>
                <div class="name">建筑单体化</div>
                <div class="code-name">#agcim-jianzhudantihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jianzhuguangxiaosheji"></use>
                </svg>
                <div class="name">建筑光效设计</div>
                <div class="code-name">#agcim-jianzhuguangxiaosheji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jianzhutietufangan"></use>
                </svg>
                <div class="name">建筑贴图方案</div>
                <div class="code-name">#agcim-jianzhutietufangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shuiliudaoying"></use>
                </svg>
                <div class="name">水流倒影</div>
                <div class="code-name">#agcim-shuiliudaoying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jianzhuyaping"></use>
                </svg>
                <div class="name">建筑压平</div>
                <div class="code-name">#agcim-jianzhuyaping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-ersanweishujudaoru"></use>
                </svg>
                <div class="name">二三维数据导入</div>
                <div class="code-name">#agcim-ersanweishujudaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dixingbianji"></use>
                </svg>
                <div class="name">地形编辑</div>
                <div class="code-name">#agcim-dixingbianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shineimanyou"></use>
                </svg>
                <div class="name">室内漫游</div>
                <div class="code-name">#agcim-shineimanyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jinggaofenxi"></use>
                </svg>
                <div class="name">净高分析</div>
                <div class="code-name">#agcim-jinggaofenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jingguankeshidufenxi"></use>
                </svg>
                <div class="name">景观可视度分析</div>
                <div class="code-name">#agcim-jingguankeshidufenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dilishitiguanli"></use>
                </svg>
                <div class="name">地理实体管理</div>
                <div class="code-name">#agcim-dilishitiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tuli"></use>
                </svg>
                <div class="name">图例</div>
                <div class="code-name">#agcim-tuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-taishibiaohui"></use>
                </svg>
                <div class="name">态势标绘</div>
                <div class="code-name">#agcim-taishibiaohui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-changjingsheji"></use>
                </svg>
                <div class="name">场景设计</div>
                <div class="code-name">#agcim-changjingsheji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-yangshipeizhi"></use>
                </svg>
                <div class="name">样式配置</div>
                <div class="code-name">#agcim-yangshipeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-kaichangdufenxi"></use>
                </svg>
                <div class="name">开敞度分析</div>
                <div class="code-name">#agcim-kaichangdufenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jindutiaojian"></use>
                </svg>
                <div class="name">进度条减</div>
                <div class="code-name">#agcim-jindutiaojian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jindutiaojia"></use>
                </svg>
                <div class="name">进度条加</div>
                <div class="code-name">#agcim-jindutiaojia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shangsheng"></use>
                </svg>
                <div class="name">上升</div>
                <div class="code-name">#agcim-shangsheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-xiajiang"></use>
                </svg>
                <div class="name">下降</div>
                <div class="code-name">#agcim-xiajiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jianzhubidui"></use>
                </svg>
                <div class="name">建筑比对</div>
                <div class="code-name">#agcim-jianzhubidui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dixingkuazhang"></use>
                </svg>
                <div class="name">地形夸张</div>
                <div class="code-name">#agcim-dixingkuazhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-hengduanmianfenxi"></use>
                </svg>
                <div class="name">横断面分析</div>
                <div class="code-name">#agcim-hengduanmianfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dixingxuanran"></use>
                </svg>
                <div class="name">地形渲染</div>
                <div class="code-name">#agcim-dixingxuanran</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-bofang_32"></use>
                </svg>
                <div class="name">播放_32</div>
                <div class="code-name">#agcim-bofang_32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-zanting_32"></use>
                </svg>
                <div class="name">暂停_32</div>
                <div class="code-name">#agcim-zanting_32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-bofang"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#agcim-bofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#agcim-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#agcim-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-suo-kai"></use>
                </svg>
                <div class="name">锁-开</div>
                <div class="code-name">#agcim-suo-kai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-suo-guan"></use>
                </svg>
                <div class="name">锁-关</div>
                <div class="code-name">#agcim-suo-guan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tuceng1"></use>
                </svg>
                <div class="name">图层</div>
                <div class="code-name">#agcim-tuceng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-xinjian"></use>
                </svg>
                <div class="name">新建</div>
                <div class="code-name">#agcim-xinjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-wenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#agcim-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-xinjianwenjianjia"></use>
                </svg>
                <div class="name">新建文件夹</div>
                <div class="code-name">#agcim-xinjianwenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-zanting"></use>
                </svg>
                <div class="name">暂停</div>
                <div class="code-name">#agcim-zanting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#agcim-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-zhongmingming"></use>
                </svg>
                <div class="name">重命名</div>
                <div class="code-name">#agcim-zhongmingming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-gerentucengshu"></use>
                </svg>
                <div class="name">个人图层树</div>
                <div class="code-name">#agcim-gerentucengshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-cross"></use>
                </svg>
                <div class="name">cross</div>
                <div class="code-name">#agcim-cross</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tick"></use>
                </svg>
                <div class="name">tick</div>
                <div class="code-name">#agcim-tick</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-changjingguangxiao"></use>
                </svg>
                <div class="name">场景光效</div>
                <div class="code-name">#agcim-changjingguangxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-weijianzichanbiao"></use>
                </svg>
                <div class="name">微件资产表</div>
                <div class="code-name">#agcim-weijianzichanbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-zhinengshencha"></use>
                </svg>
                <div class="name">智能审查</div>
                <div class="code-name">#agcim-zhinengshencha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-zhufenpingqiehuan"></use>
                </svg>
                <div class="name">主分屏切换</div>
                <div class="code-name">#agcim-zhufenpingqiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-trash"></use>
                </svg>
                <div class="name">trash</div>
                <div class="code-name">#agcim-trash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-edit_outlined"></use>
                </svg>
                <div class="name">edit_outlined</div>
                <div class="code-name">#agcim-edit_outlined</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-gaochengpouqie"></use>
                </svg>
                <div class="name">高程剖切</div>
                <div class="code-name">#agcim-gaochengpouqie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jiazaikongzhi"></use>
                </svg>
                <div class="name">加载控制</div>
                <div class="code-name">#agcim-jiazaikongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dengguangmoni"></use>
                </svg>
                <div class="name">灯光模拟</div>
                <div class="code-name">#agcim-dengguangmoni</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-yinyingduiji"></use>
                </svg>
                <div class="name">阴影堆积</div>
                <div class="code-name">#agcim-yinyingduiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-weiyizhixuanran"></use>
                </svg>
                <div class="name">唯一值渲染</div>
                <div class="code-name">#agcim-weiyizhixuanran</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-zhihuidangan"></use>
                </svg>
                <div class="name">智慧档案</div>
                <div class="code-name">#agcim-zhihuidangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-baimoyangshi"></use>
                </svg>
                <div class="name">白模样式</div>
                <div class="code-name">#agcim-baimoyangshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-chengshiyejing"></use>
                </svg>
                <div class="name">城市夜景</div>
                <div class="code-name">#agcim-chengshiyejing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-xingqudian"></use>
                </svg>
                <div class="name">兴趣点</div>
                <div class="code-name">#agcim-xingqudian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dingdianmanyou"></use>
                </svg>
                <div class="name">定点漫游</div>
                <div class="code-name">#agcim-dingdianmanyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shijueshezhi"></use>
                </svg>
                <div class="name">视觉设置</div>
                <div class="code-name">#agcim-shijueshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-ditudayin_xiao"></use>
                </svg>
                <div class="name">地图打印_小</div>
                <div class="code-name">#agcim-ditudayin_xiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-celiangmianji"></use>
                </svg>
                <div class="name">测量面积</div>
                <div class="code-name">#agcim-celiangmianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shuxing"></use>
                </svg>
                <div class="name">属性</div>
                <div class="code-name">#agcim-shuxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-zuobiaoshuchu"></use>
                </svg>
                <div class="name">坐标输出</div>
                <div class="code-name">#agcim-zuobiaoshuchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dixingtoumingdu"></use>
                </svg>
                <div class="name">地形透明度</div>
                <div class="code-name">#agcim-dixingtoumingdu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-xiangjikuaizhao"></use>
                </svg>
                <div class="name">相机快照</div>
                <div class="code-name">#agcim-xiangjikuaizhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-lakuangfangda_xiao"></use>
                </svg>
                <div class="name">拉框放大_小</div>
                <div class="code-name">#agcim-lakuangfangda_xiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-AIjianzhushibie"></use>
                </svg>
                <div class="name">AI建筑识别</div>
                <div class="code-name">#agcim-AIjianzhushibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jiantou_shang"></use>
                </svg>
                <div class="name">箭头_上</div>
                <div class="code-name">#agcim-jiantou_shang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jiantou_xia"></use>
                </svg>
                <div class="name">箭头_下</div>
                <div class="code-name">#agcim-jiantou_xia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-ludengdengguang"></use>
                </svg>
                <div class="name">路灯灯光</div>
                <div class="code-name">#agcim-ludengdengguang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jianzhumidu"></use>
                </svg>
                <div class="name">建筑密度</div>
                <div class="code-name">#agcim-jianzhumidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-chaiqianliangfenxi"></use>
                </svg>
                <div class="name">拆迁量分析</div>
                <div class="code-name">#agcim-chaiqianliangfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dingdianhuanshi"></use>
                </svg>
                <div class="name">定点环视</div>
                <div class="code-name">#agcim-dingdianhuanshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-biaozhuguanli"></use>
                </svg>
                <div class="name">标注管理</div>
                <div class="code-name">#agcim-biaozhuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-ditudayin"></use>
                </svg>
                <div class="name">地图打印</div>
                <div class="code-name">#agcim-ditudayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dianziweilan"></use>
                </svg>
                <div class="name">电子围栏</div>
                <div class="code-name">#agcim-dianziweilan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-lakuangfangda"></use>
                </svg>
                <div class="name">拉框放大</div>
                <div class="code-name">#agcim-lakuangfangda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dongtaisaomiao"></use>
                </svg>
                <div class="name">动态扫描</div>
                <div class="code-name">#agcim-dongtaisaomiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-fencengfenhu"></use>
                </svg>
                <div class="name">分层分户</div>
                <div class="code-name">#agcim-fencengfenhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-moxingqupi"></use>
                </svg>
                <div class="name">模型去皮</div>
                <div class="code-name">#agcim-moxingqupi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-sanweirelitu"></use>
                </svg>
                <div class="name">三维热力图</div>
                <div class="code-name">#agcim-sanweirelitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shipinronghe"></use>
                </svg>
                <div class="name">视频融合</div>
                <div class="code-name">#agcim-shipinronghe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-sanweihuizhi"></use>
                </svg>
                <div class="name">三维绘制</div>
                <div class="code-name">#agcim-sanweihuizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-relituxuanran"></use>
                </svg>
                <div class="name">热力图渲染</div>
                <div class="code-name">#agcim-relituxuanran</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-yongdipinghengbiao"></use>
                </svg>
                <div class="name">用地平衡表</div>
                <div class="code-name">#agcim-yongdipinghengbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shusanmoni"></use>
                </svg>
                <div class="name">疏散模拟</div>
                <div class="code-name">#agcim-shusanmoni</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shuangpingliandong"></use>
                </svg>
                <div class="name">双屏联动</div>
                <div class="code-name">#agcim-shuangpingliandong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-cengcengkanshu"></use>
                </svg>
                <div class="name">层层看数</div>
                <div class="code-name">#agcim-cengcengkanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-chelianwangjieru"></use>
                </svg>
                <div class="name">车联网接入</div>
                <div class="code-name">#agcim-chelianwangjieru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-duiweishuaijisuan"></use>
                </svg>
                <div class="name">对位率计算</div>
                <div class="code-name">#agcim-duiweishuaijisuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-daolutuokuan"></use>
                </svg>
                <div class="name">道路拓宽</div>
                <div class="code-name">#agcim-daolutuokuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-daoluzongpo"></use>
                </svg>
                <div class="name">道路纵坡</div>
                <div class="code-name">#agcim-daoluzongpo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-erweihuizhi"></use>
                </svg>
                <div class="name">二维绘制</div>
                <div class="code-name">#agcim-erweihuizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-gaodutiaozheng"></use>
                </svg>
                <div class="name">高度调整</div>
                <div class="code-name">#agcim-gaodutiaozheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-guihuamoni"></use>
                </svg>
                <div class="name">规划模拟</div>
                <div class="code-name">#agcim-guihuamoni</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-qingxiesheying"></use>
                </svg>
                <div class="name">倾斜摄影</div>
                <div class="code-name">#agcim-qingxiesheying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-podupoxiang"></use>
                </svg>
                <div class="name">坡度坡向</div>
                <div class="code-name">#agcim-podupoxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-qiaoliangjiankang"></use>
                </svg>
                <div class="name">桥梁健康</div>
                <div class="code-name">#agcim-qiaoliangjiankang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-qiaoliangxunjian"></use>
                </svg>
                <div class="name">桥梁巡检</div>
                <div class="code-name">#agcim-qiaoliangxunjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-rongjishuaijisuan"></use>
                </svg>
                <div class="name">容积率计算</div>
                <div class="code-name">#agcim-rongjishuaijisuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tiexianshuaifenxi"></use>
                </svg>
                <div class="name">贴线率分析</div>
                <div class="code-name">#agcim-tiexianshuaifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shuiliumoni"></use>
                </svg>
                <div class="name">水流模拟</div>
                <div class="code-name">#agcim-shuiliumoni</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tiduxuanran"></use>
                </svg>
                <div class="name">梯度渲染</div>
                <div class="code-name">#agcim-tiduxuanran</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shipintouying"></use>
                </svg>
                <div class="name">视频投影</div>
                <div class="code-name">#agcim-shipintouying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tuixianfenxi"></use>
                </svg>
                <div class="name">退线分析</div>
                <div class="code-name">#agcim-tuixianfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-rizhaomoni1"></use>
                </svg>
                <div class="name">日照模拟</div>
                <div class="code-name">#agcim-rizhaomoni1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tianwafangfenxi"></use>
                </svg>
                <div class="name">填挖方分析</div>
                <div class="code-name">#agcim-tianwafangfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-xiangaojisuan"></use>
                </svg>
                <div class="name">限高计算</div>
                <div class="code-name">#agcim-xiangaojisuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-wurenjimoni"></use>
                </svg>
                <div class="name">无人机模拟</div>
                <div class="code-name">#agcim-wurenjimoni</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-hangchemoni"></use>
                </svg>
                <div class="name">行车模拟</div>
                <div class="code-name">#agcim-hangchemoni</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-jiangaofenxi"></use>
                </svg>
                <div class="name">建高分析</div>
                <div class="code-name">#agcim-jiangaofenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tianqimoni"></use>
                </svg>
                <div class="name">天气模拟</div>
                <div class="code-name">#agcim-tianqimoni</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-luzhi"></use>
                </svg>
                <div class="name">录制</div>
                <div class="code-name">#agcim-luzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-weibiaoti-1"></use>
                </svg>
                <div class="name">绘制</div>
                <div class="code-name">#agcim-weibiaoti-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-pouqiehe5"></use>
                </svg>
                <div class="name">剖切盒</div>
                <div class="code-name">#agcim-pouqiehe5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-celiangchangdu"></use>
                </svg>
                <div class="name">测量长度</div>
                <div class="code-name">#agcim-celiangchangdu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dishangdixia"></use>
                </svg>
                <div class="name">地上地下</div>
                <div class="code-name">#agcim-dishangdixia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dixingkaiwa"></use>
                </svg>
                <div class="name">地形开挖</div>
                <div class="code-name">#agcim-dixingkaiwa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-ditushezhi"></use>
                </svg>
                <div class="name">地图设置</div>
                <div class="code-name">#agcim-ditushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-diyishijiao"></use>
                </svg>
                <div class="name">第一视角</div>
                <div class="code-name">#agcim-diyishijiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dixingyaping"></use>
                </svg>
                <div class="name">地形压平</div>
                <div class="code-name">#agcim-dixingyaping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-goujianyincang"></use>
                </svg>
                <div class="name">构建隐藏</div>
                <div class="code-name">#agcim-goujianyincang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-pouqie"></use>
                </svg>
                <div class="name">剖切</div>
                <div class="code-name">#agcim-pouqie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-moxingshitu"></use>
                </svg>
                <div class="name">模型视图</div>
                <div class="code-name">#agcim-moxingshitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-weizhitiaozheng"></use>
                </svg>
                <div class="name">位置调整</div>
                <div class="code-name">#agcim-weizhitiaozheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-rizhaomoni"></use>
                </svg>
                <div class="name">日照模拟</div>
                <div class="code-name">#agcim-rizhaomoni</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-yingyanshitu"></use>
                </svg>
                <div class="name">鹰眼视图</div>
                <div class="code-name">#agcim-yingyanshitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-manyou"></use>
                </svg>
                <div class="name">漫游</div>
                <div class="code-name">#agcim-manyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shitu"></use>
                </svg>
                <div class="name">视图</div>
                <div class="code-name">#agcim-shitu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-gongju"></use>
                </svg>
                <div class="name">工具</div>
                <div class="code-name">#agcim-gongju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-ditu"></use>
                </svg>
                <div class="name">底图</div>
                <div class="code-name">#agcim-ditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tuceng"></use>
                </svg>
                <div class="name">图层</div>
                <div class="code-name">#agcim-tuceng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tuzhiliandong"></use>
                </svg>
                <div class="name">图纸联动</div>
                <div class="code-name">#agcim-tuzhiliandong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-moxingliulan"></use>
                </svg>
                <div class="name">模型浏览</div>
                <div class="code-name">#agcim-moxingliulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-BIMjungong1"></use>
                </svg>
                <div class="name">BIM竣工</div>
                <div class="code-name">#agcim-BIMjungong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-BIMsheji"></use>
                </svg>
                <div class="name">BIM设计</div>
                <div class="code-name">#agcim-BIMsheji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-BIMshencha"></use>
                </svg>
                <div class="name">BIM审查</div>
                <div class="code-name">#agcim-BIMshencha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-yanmeifenxi"></use>
                </svg>
                <div class="name">淹没分析</div>
                <div class="code-name">#agcim-yanmeifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-rizhaofenxi1"></use>
                </svg>
                <div class="name">日照分析</div>
                <div class="code-name">#agcim-rizhaofenxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-keshiyufenxi"></use>
                </svg>
                <div class="name">可视域分析</div>
                <div class="code-name">#agcim-keshiyufenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tongshifenxi"></use>
                </svg>
                <div class="name">通视分析</div>
                <div class="code-name">#agcim-tongshifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-BIMmoxingshu"></use>
                </svg>
                <div class="name">BIM模型树</div>
                <div class="code-name">#agcim-BIMmoxingshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-dingdianguancha"></use>
                </svg>
                <div class="name">定点观察</div>
                <div class="code-name">#agcim-dingdianguancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-changjingmanyou"></use>
                </svg>
                <div class="name">场景漫游</div>
                <div class="code-name">#agcim-changjingmanyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-tianjixianfenxi1"></use>
                </svg>
                <div class="name">天际线分析</div>
                <div class="code-name">#agcim-tianjixianfenxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-baozhaceshi"></use>
                </svg>
                <div class="name">爆炸测试</div>
                <div class="code-name">#agcim-baozhaceshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-fencengliulan"></use>
                </svg>
                <div class="name">分层浏览</div>
                <div class="code-name">#agcim-fencengliulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-moxingduibi1"></use>
                </svg>
                <div class="name">模型对比</div>
                <div class="code-name">#agcim-moxingduibi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-lvdishuaijisuan"></use>
                </svg>
                <div class="name">绿地率计算</div>
                <div class="code-name">#agcim-lvdishuaijisuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-konggaofenxi"></use>
                </svg>
                <div class="name">控高分析</div>
                <div class="code-name">#agcim-konggaofenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-kongguihezi2"></use>
                </svg>
                <div class="name">控规盒子</div>
                <div class="code-name">#agcim-kongguihezi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shilangguankong3"></use>
                </svg>
                <div class="name">视廊管控</div>
                <div class="code-name">#agcim-shilangguankong3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-chengshibaimo"></use>
                </svg>
                <div class="name">城市白模</div>
                <div class="code-name">#agcim-chengshibaimo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#agcim-shilangfenxi"></use>
                </svg>
                <div class="name">视廊分析</div>
                <div class="code-name">#agcim-shilangfenxi</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
